<template>
	<div id="login_box">
		<input type="text" v-model="username" placeholder="请输入用户名" /> <br/>
		<input type="password" v-model="password" placeholder="请输入密码" /> 
		<div class="login" @click="login">登录</div>
	</div>
</template>

<script>
	export default {
		name: 'login',
		data() {
			return {
				username: '',
				password: ''
			}
		},
		methods: {
			login (){
				console.log(this.username, this.password)
			}
		}
	}
</script>

<style lang="scss">
	#login_box {
		// width: 500px;
		// margin: 0 auto;
		.login {
			width: 120px;
			height: 30px;
			line-height: 30px;
			text-align: center;
			border-radius: 4px;
			background: #0098f7;
			color: #fff; 
			margin-top: 10px;
		}
	}
</style>
